<template>
	<div id="app">
		<!-- 公用头部 -->
    <m-header-top v-if="$route.meta.first"></m-header-top>
		<m-header  :fixed="!$route.meta.first"></m-header>
		<div class="margin-top" v-if="!$route.meta.first"></div>
		<!-- 公用头部 end -->
		<div :class="['main',{'main-f01': !$route.meta.first}]">
			<!-- 内容区 -->
			<keep-alive>
				<router-view />
			</keep-alive>
			<!-- 内容区 end -->
		</div>
		<m-footer></m-footer>
	</div>
</template>

<script>
	import mHeader from '@/components/mHeader.vue'
	import mHeaderTop from '@/components/mHeaderTop'
	import mFooter from '@/components/mFooter'
	export default {
		name: 'App',
		components: {
			mHeader,
			mHeaderTop,
			mFooter
		},
		data(){
			return {

			}
		},
		methods: {
		}
	}
</script>
